home *** CD-ROM | disk | FTP | other *** search
/ comtecelectrical.ca / www.comtecelectrical.ca.tar / www.comtecelectrical.ca / infobots / Backup / MSOCache / All Users / 90000409-6000-11D3-8CFE-0150048383C9 / YC561413.CAB / F218_Langbar.chm.D2AF2970_B024_49C3_B6AF_56B4D64B51EA / coua.css < prev    next >
Cascading Style Sheet File  |  2001-01-25  |  11KB  |  380 lines
  1. /* Style sheet optimized for IE4x - Last updated 10/09/00 */
  2.  
  3. body       { color: #000000;
  4.         background: #FFFFFF;      
  5.         font-size: 70%;            
  6.         font-family: Verdana, Arial, Sans Serif; }
  7.  
  8.  
  9. a:link, a:visited     { color: "#0000FF"; text-decoration:"underline";}
  10.  
  11. a:active, a:hover     { color: "#FF0000";  cursor:hand; text-decoration:"underline";}
  12.  
  13. /* Puts a little more breathing room above related topics link. - AMS*/
  14. a.#reltopics         { position:relative; top:1em; }
  15.  
  16. h1
  17.         { font-size: 125%; 
  18.         margin-bottom:" .5em"; clear:both; }
  19.  
  20. h2
  21.         { font-size: 110%;  
  22.         margin-top: "1.5em";
  23.         margin-bottom:" .5em"; clear:both; }
  24.  
  25. h3
  26.         { font-size: 100%; 
  27.         margin-top: "1.2em";  
  28.         margin-bottom: ".5em"; clear:both; }
  29.  
  30. h4
  31.         { font-size: 100%; 
  32.         margin-top: "1.2em";  
  33.         margin-bottom: ".5em"; clear:both; }
  34.  
  35. h5
  36.         { font-size: 100%; 
  37.         margin-top: "1.2em";  
  38.         margin-bottom: ".5em"; clear:both; }
  39.  
  40. p
  41.         { margin-top:" .6em"; 
  42.         margin-bottom: ".6em"; }
  43.             
  44. ol
  45.         { margin-top: ".5em"; 
  46.         margin-bottom: 0; 
  47.         margin-left: "2.1em"; 
  48.         padding-left: "0em";
  49.         margin-right:"2.1em" }
  50.     
  51. ul
  52.         { margin-top: ".6em";     
  53.         margin-bottom: 0;
  54.         list-style-type: disc;
  55.         margin-left: "1.5em";
  56.         padding-left: "0em";
  57.         margin-right: "1.5em"; }
  58.         
  59. li
  60.         { margin-bottom: ".7em"; clear:both; }
  61.  
  62. dd
  63.         { margin-bottom: 0; 
  64.         margin-left: "1.5em"; } 
  65.  
  66. /* for defined terms, follow the "Document Conventions" listing in the Microsoft Manual of Style: */
  67. /* Keywords, functions, and anything else the user must enter exactly as shown are bold--add "font-weight: bold;" to the dt tag */
  68. /* Variables, book titles, and placeholders the user must provide are italic--add "font-style: italic;" to the dt tag */
  69. /* pre-defined arguments are bold and italic--add "font-weight: bold;" and "font-style: italic;" to the dt tag */
  70.  
  71. dt
  72.         { margin-top: "1em"; }
  73.  
  74. pre
  75.         { margin-top: ".5em";
  76.         margin-bottom: ".5em"; }
  77.  
  78. code
  79.         { font-family: Courier New; 
  80.         font-size: "1.1em"; }
  81.  
  82. table
  83.         { font-size: 100%;
  84.         margin-top: "1em"; 
  85.         margin-bottom: "1em"; }
  86.         
  87. th
  88.         { text-align: left;
  89.         background: #DDDDDD;
  90.         vertical-align: bottom;
  91.         padding: .2em;
  92.         padding-left: .45em;
  93.         padding-right: .5em;}
  94.         
  95. tr
  96.         { vertical-align: top; }
  97.  
  98. td
  99.         { background: #EEEEEE;
  100.         vertical-align: top;
  101.         padding: .2em;
  102.         padding-left: .45em;
  103.         padding-right: .5em;}
  104.  
  105.  
  106. /****      extended class styles ************************/
  107. /*                                           */
  108. /* add comment tags to disable the style         */
  109.  
  110. p.indent        { margin-left: "1.3em"; }       /* used to indent text for notes and warnings; use this instead of the blockquote tag */
  111.  
  112. p.indent2        { margin-left: "3.5em"; }   /* used to indent text a second level under the first  indent */
  113.  
  114. P.indentGray    { color: #666666; } /*  used in quad-method procedures     */
  115.         
  116. p.proclabel    { font-size: 100%;     
  117.         font-weight: bold; clear: both; }
  118.         
  119. p.uatshoot    { font-weight: bold; margin-bottom: "-.5em"; margin-top: "1em"; }
  120.  
  121. /***********************************************/
  122. /* these class styles are used for the expanding and collapsing text files (expand function in shared.js)  */
  123.  
  124. #expand             {margin-bottom: "0.6em"; margin-left: "0em"; margin-right: "0em";}
  125.  
  126. a:link.expandToggle, a:visited.expandToggle     {color:"#000000"; font-weight: bold; text-decoration:none;}
  127.  
  128. a:hover.expandToggle, a:active.expandToggle     {color:"#0000FF";}
  129.  
  130. img.expand         { border: none; margin-right: "0.5em"; width:".8em";}
  131.         
  132. div.expand        { margin-left: "1.5em"; margin-right: "1.5em";margin-bottom: "1em"; display:none;}
  133.  
  134.  
  135.  
  136. /***********************************************/
  137. /* this class for expand collapse appearing in a table  */
  138.  
  139. table.uatshoot        {background-color: #FFFFFF; width: 90% }
  140.  
  141. table.uatshoot td        { padding: 0px 0px 0px 5px }
  142.  
  143. a:link.uatshoot, a:visited.uatshoot     {color:"#000000"; font-weight: normal;  text-decoration:none;}
  144.  
  145. a:hover.uatshoot, a:active.uatshoot     {color:"#0000FF"; text-decoration: none }
  146.  
  147.  
  148. /*******************************************/
  149. /*  these classes are for thumbnail art      */
  150.  
  151. a:link img.thumbnail        {border-color: "#0000FF";}
  152.  
  153. a:active img.thumbnail    { border-color: "#FF0000";}
  154.  
  155. a:hover img.thumbnail    {border-color: "#FF0000";}
  156.  
  157. img.thumbnail        {vertical-align: top; margin-left: 0;
  158.              width:90; border-width:1;}
  159.          
  160. div.thumbnail        {float:left; width: 105; margin-top: "1em"; margin-bottom: "-0.3em"; 
  161.              clear: both;  }
  162.  
  163. /*********************************************/                
  164. /* this class style is used for the navigation tree in MMC */
  165.         
  166. p.navTree        { margin-top:" .2em"; }
  167.  
  168. ul.navTree     {  list-style-type: none; }
  169.  
  170. li.branch        { margin-top:" -.5em"; margin-bottom: ".6em";}
  171.  
  172. a.where            {}    /* use for the expand <a> tag */
  173.  
  174. /***************************************************************/
  175. /* these class styles are used for <span> tags  simulating buttons & their div */
  176.  
  177. #buttonMenu    { padding:  0.5em 0.3em 0.1em 0.3em;
  178.               padding-left:6px;
  179.               border-bottom: thin solid #999999;
  180.               background: #BBBBBB;
  181.               vertical-align:top;
  182.               z-index:2;
  183.               visibility:visible;
  184.               left:0; top:0; 
  185.               text-align:left;
  186.               margin:"0 1em 0 0"; 
  187.               position:absolute;
  188.               width: "100%";
  189.               }
  190.                           
  191. a:link.button, a:visited.button, span.button {
  192.               border-top-color: #EEEEEE ;
  193.               border-left-color: #EEEEEE ;
  194.               border-bottom-color: #666666 ;
  195.               border-right-color: #666666 ;
  196.               background-color: #DDDDDD ;
  197.               color:#0000FF;
  198.               text-decoration: "none";
  199.               text-align: "center";
  200.               font-weight: "bold" ;
  201.               height:"1.5em"; width:"17px"; cursor:"hand";
  202.               border-style: "solid"; border-width: 1;
  203.             }
  204.             
  205. a:active.button, a:hover.button    {
  206.               border-top-color: #666666 ;
  207.               border-left-color: #666666 ;
  208.               border-bottom-color: #EEEEEE ;
  209.               border-right-color: #EEEEEE;
  210.               background-color: #FFFFFF;
  211.               text-decoration: "none";
  212.               text-align: "center";
  213.               font-weight: "bold" ;
  214.               height:"1.5em"; width:"17px"; cursor:"hand";
  215.               border-style: "solid"; border-width: 1;
  216.               }
  217.  
  218. /* The following span is used to display
  219. items that have no entries  - AMS */
  220.               
  221. span.buttoninactive {background: #C0C0C0;
  222.                     border: 1 solid #eeeeee;
  223.                     height: 1.4em;
  224.                     width: 1.4em;
  225.                     text-align: center;
  226.                     font-weight: bold;
  227.                     color: #808080;
  228.                     vertical-align:top;
  229.                     cursor: default;
  230.                     }
  231.  
  232. #list        { padding:.4em 0.3em 100% 0.3em;
  233.               overflow:auto;
  234.               line-height:0.4em;
  235.               height:100%; width: "100%";
  236.               z-index:1;
  237.               left:0; top:0; 
  238.               text-align:left;
  239.               margin:0; 
  240.               position:absolute;
  241.               margin-left:"1em"; line-height:100%;
  242.               }
  243.               
  244. p.marker    { font-weight:bold;
  245.                 margin-top: "2em";
  246.                 color:#000000;
  247.                 font-size:"110%";
  248.                 }              
  249. /************************************************/
  250. /* class styles reserved for mouseover/mouseout DHTML   */
  251.  
  252. .cold        {}
  253. .hot        {}
  254.  
  255. /**********************************************************************/
  256. /* ID styles reserved for <a> tags  calling OCX's within HTML Help by creating  OBJECTS */
  257.  
  258.  
  259. #wPopup        {}
  260.  
  261. a:link#wPopup, a:visited#wPopup    {color: "#006600";}
  262. a:hover#wPopup, a:active#wPopup    {color: "#FF0000";}
  263.  
  264.  
  265. img.popup     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  266.  
  267. #shortcut        {}
  268.  
  269. img.shortcut     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  270.  
  271. #specLoc        {}
  272.  
  273. #altLoc        {}
  274.  
  275. p.note,p.tip, p.important, p.caution, p.warning 
  276.         { font-weight:bold; clear:both;
  277.          margin-top:"1em"; 
  278.          margin-bottom:"-.25em"; }    
  279.  
  280. img.alert        {border:none;}          /* for icon images - note, tip, important, caution, warning*/
  281.  
  282. /************************************************/
  283. /* styles used to modify the appearance of XML popups   */
  284.  
  285. DIV.XMLPopup     { border: solid; border-width:1px; background-color: #FFFFCC; }
  286.  
  287. DIV.PopTerm     { font-weight: bold; margin-left: 1em; margin-top: .75em; margin-right: 1em; }        
  288. DIV.PopDef         { line-height: 1.25em; margin-left: 1em; margin-top: .25em;
  289.                   margin-right: 1em; margin-bottom: 1em; }        
  290. DIV.PopSeeAlso    { margin-left: 0em; margin-top: .5em;  margin-right: 1em; margin-bottom: 1.25em; }
  291. DIV.PopDef UL     { margin-left: 1.45em; line-height: 1.25em; }
  292.  
  293. /************************************************/
  294. /* Styles for listed-out/hard-coded links for Related Topics with page GIF */
  295.  
  296. p.#relTopics    { font-weight:bold; margin-top: "2em";}
  297. img.relTopics     { border: none; }
  298. p.relTopics        { margin-left: "1.5em"; margin-top: "-1.7em"; margin-bottom: ".5em";}
  299.  
  300. /***********************************/
  301. /*   Style for print only functionality used with external URL link   coUA_print.css*/
  302.  
  303. span.printOnly    {display:none }
  304.  
  305. /***********************************/
  306. /*   Styles for checklists   */
  307.  
  308. .userData         {behavior:url(#default#userdata); }  /*sets persistance*/
  309.  
  310. #checklist        {width:100%;  text-align:left; margin:"0.3em 0em";}
  311.  
  312. #checklist li     {text-indent:"0.2em";}
  313.  
  314. /*********************************/                
  315. /*  these classes are for previous next navigation     */
  316.  
  317. a:hover.navbar, a:active.navbar        {} /* text in nav */
  318. a:link.navbar, a:visited.navbar        {}
  319.               
  320. #nav    { left:0; top:0px;
  321.       text-align:left; 
  322.       margin:0; 
  323.       position:absolute;
  324.       padding-bottom: 1px; padding-top: 3px;
  325.       padding-right:6px; padding-left:5px;
  326.       align:top;
  327.       visibility:hidden;
  328.       z-index:1;  }
  329.  
  330. #text    { left:0; top:0px;
  331.        /*text-align:left;*/ /*Commented out because it was causing a problem with BI-DI. Remove style if no ill effects are found from commenting it out. - 5/28/99 AMS */
  332.        margin:0; 
  333.        position:absolute;
  334.        padding:10px;
  335.        overflow:auto;
  336.        height:100%;
  337.        z-index:1; 
  338.                 background-repeat:no-repeat;
  339.        background-position: bottom right;
  340.        background-attachment:fixed; }
  341.  
  342. /***************************************************/
  343. /* STYLES USED IN THE WEB DELIVERABLE ONLY  */
  344.  
  345.  
  346. /***********************************/
  347. /*   links   */
  348.  
  349. #wPopupWeb    {}
  350.  
  351. a:link#wPopupWeb            {color: "#006600";}
  352. a:hover#wPopupWeb        {color: "#FF0000";}
  353. a:active#wPopupWeb        {color: "#FF0000";}
  354. a:visited#wPopupWeb        {color: "#006600";}
  355.  
  356. #shortcutWeb    {}
  357.  
  358. #specLocWeb    {}
  359.  
  360. #relTopicsWeb    {}
  361.  
  362. #altLocWeb    {}
  363.  
  364.  
  365. /***********************************/
  366. /*   popups   */
  367.  
  368. div.popup        { visibility:hidden; z-index:3;
  369.                  position:absolute; 
  370.                  top:200; left:200; 
  371.                  width:"250"; padding:"6px"; 
  372.                  background-color:#FFFFCC;
  373.                  border-style: solid;
  374.                  border-width: 1;
  375.                  border-color: #666666;
  376.                                       }
  377.  
  378.  
  379.  
  380.